<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script>
        /**
         * 案例需求：
         1. 提供index.html页面，页面中有一个省份 下拉列表
         2. 当 页面加载完成后 发送ajax请求，加载所有省份
         *
         * */
        $(function () {

                $.get("findProvinceServlet",{},function (data) {
                //[{"id":1,"name":"北京"},
                    // {"id":2,"name":"上海"},
                    // {"id":3,"name":"广州"},
                    // {"id":4,"name":"陕西"}]
                $(data).each(function () {
                    var option="<option name='"+this.id+"'>"+this.name+"</option>";
                    $("#province").append(option);
                })
               });

        })
    </script>
</head>
<body>
<select id="province">
    <option id="">--请选择省份--</option>
</select>
</body>
</html>